<template>
<div class="content">
    <h3>内容栏目</h3>
    <div class="list">
    <router-link to="">生活</router-link>
    <router-link to="">资讯</router-link>
    <router-link to="">编程</router-link>
    <router-link to="">互联网</router-link>
    <router-link to="">科技</router-link>
    </div>
</div>
</template>

<script>
export default {};
</script>

<style scoped>
.content{
    background: #fff;
}
.list::after{
    display: table;
    clear: both;
    content: "";
}
a{
    display: block;
    float: left;
    width: 50%;
    text-decoration: none;
    color: #666666;
    font-size: 13px;
}
.list a{
width:49.27%;
line-height: 40px;
text-align: center;
border: 1px solid  #eeeeee;
}
</style>